<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App Favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App title -->
        <title>Uplon - Responsive Admin Dashboard Template</title>

        <!-- Switchery css -->
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />

        <!-- Bootstrap CSS -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- App CSS -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- Modernizr js -->
        <script src="assets/js/modernizr.min.js"></script>

    </head>


    <body class="fixed-left" id="do-nicescrol">
        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-layers float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">订单</h6>
                    <h2 class="m-b-20" data-plugin="counterup">1,587</h2>
                    <span class="label label-success"> +11% </span> <span class="text-muted">与以前相比</span>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-paypal float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">收入</h6>
                    <h2 class="m-b-20">$<span data-plugin="counterup">46,782</span></h2>
                    <span class="label label-danger"> -29% </span> <span class="text-muted">与以前相比</span>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-chart float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">平均价格</h6>
                    <h2 class="m-b-20">$<span data-plugin="counterup">15.9</span></h2>
                    <span class="label label-warning"> 0% </span> <span class="text-muted">与以前相比</span>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-rocket float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">产品销售</h6>
                    <h2 class="m-b-20" data-plugin="counterup">1,890</h2>
                    <span class="label label-success"> +89% </span> <span class="text-muted">去年</span>
                </div>
            </div>
        </div>
        <!-- end row -->

        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <i class="icon-rocket float-right text-muted"></i>
                    <h6 class="text-success text-uppercase m-b-15 m-t-10">产品销售</h6>
                    <h2 class="m-b-10"><span data-plugin="counterup">1,245</span></h2>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <i class="icon-chart float-right text-muted"></i>
                    <h6 class="text-primary text-uppercase m-b-15 m-t-10">均价</h6>
                    <h2 class="m-b-10">$<span data-plugin="counterup">15.9</span></h2>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <i class="icon-layers float-right text-muted"></i>
                    <h6 class="text-pink text-uppercase m-b-15 m-t-10">订单</h6>
                    <h2 class="m-b-10" data-plugin="counterup">1,587</h2>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <i class="icon-paypal float-right text-muted"></i>
                    <h6 class="text-info text-uppercase m-b-15 m-t-10">收入</h6>
                    <h2 class="m-b-10">$<span data-plugin="counterup">46,782</span></h2>
                </div>
            </div>

        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <a href="widgets-tiles.html#" class="btn btn-sm btn-custom waves-effect waves-light float-right">View</a>
                    <h6 class="text-muted text-uppercase m-b-15">Product Sold</h6>
                    <h2 class="m-b-20"><span data-plugin="counterup">1,890</span></h2>
                    <div class="progress progress-xs">
                        <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <a href="widgets-tiles.html#" class="btn btn-sm btn-custom waves-effect waves-light float-right">View</a>
                    <h6 class="text-muted text-uppercase m-b-15">Average Price</h6>
                    <h2 class="m-b-20">$<span data-plugin="counterup">22.56</span></h2>
                    <div class="progress progress-xs">
                        <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <a href="widgets-tiles.html#" class="btn btn-sm btn-custom waves-effect waves-light float-right">View</a>
                    <h6 class="text-muted text-uppercase m-b-15">Orders</h6>
                    <h2 class="m-b-20" data-plugin="counterup">9,754</h2>
                    <div class="progress progress-xs">
                        <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-two">
                    <a href="widgets-tiles.html#" class="btn btn-sm btn-custom waves-effect waves-light float-right">View</a>
                    <h6 class="text-muted text-uppercase m-b-15">Revenue</h6>
                    <h2 class="m-b-20">$<span data-plugin="counterup">22,459</span></h2>
                    <div class="progress progress-xs">
                        <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="90"></div>
                    </div>
                </div>
            </div>

        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box widget-user">
                    <div>
                        <img src="assets/images/users/avatar-3.jpg" class="img-responsive rounded-circle" alt="user">
                        <div class="wid-u-info">
                            <h5 class="m-t-20 m-b-5">Chadengle</h5>
                            <p class="text-muted mb-0 font-13">coderthemes@gmail.com</p>
                            <div class="user-position">
                                <span class="text-warning font-weight-bold">Admin</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box widget-user">
                    <div>
                        <img src="assets/images/users/avatar-2.jpg" class="img-responsive rounded-circle" alt="user">
                        <div class="wid-u-info">
                            <h5 class="m-t-20 m-b-5"> Michael Zenaty</h5>
                            <p class="text-muted mb-0 font-13">coderthemes@gmail.com</p>
                            <div class="user-position">
                                <span class="text-info font-weight-bold">User</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box widget-user">
                    <div>
                        <img src="assets/images/users/avatar-1.jpg" class="img-responsive rounded-circle" alt="user">
                        <div class="wid-u-info">
                            <h5 class="m-t-20 m-b-5">Stillnotdavid</h5>
                            <p class="text-muted mb-0 font-13">coderthemes@gmail.com</p>
                            <div class="user-position">
                                <span class="text-success font-weight-bold">Admin</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box widget-user">
                    <div>
                        <img src="assets/images/users/avatar-10.jpg" class="img-responsive rounded-circle" alt="user">
                        <div class="wid-u-info">
                            <h5 class="m-t-20 m-b-5">Tomaslau</h5>
                            <p class="text-muted mb-0 font-13">coderthemes@gmail.com</p>
                            <div class="user-position">
                                <span class="text-pink font-weight-bold">User</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-three">
                    <div class="bg-icon float-left">
                        <i class=" icon-wallet"></i>
                    </div>
                    <div class="text-right">
                        <h6 class="text-success text-uppercase m-b-15 m-t-10">Product Sold</h6>
                        <h2 class="m-b-10"><span data-plugin="counterup">2,562</span></h2>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-three">
                    <div class="bg-icon float-left">
                        <i class=" icon-basket"></i>
                    </div>
                    <div class="text-right">
                        <h6 class="text-pink text-uppercase m-b-15 m-t-10">Product Sold</h6>
                        <h2 class="m-b-10"><span data-plugin="counterup">8,542</span></h2>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-three">
                    <div class="bg-icon float-left">
                        <i class="icon-equalizer"></i>
                    </div>
                    <div class="text-right">
                        <h6 class="text-purple text-uppercase m-b-15 m-t-10">Product Sold</h6>
                        <h2 class="m-b-10"><span data-plugin="counterup">6,254</span></h2>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-three">
                    <div class="bg-icon float-left">
                        <i class="icon-cup"></i>
                    </div>
                    <div class="text-right">
                        <h6 class="text-warning text-uppercase m-b-15 m-t-10">Product Sold</h6>
                        <h2 class="m-b-10"><span data-plugin="counterup">7,524</span></h2>
                    </div>
                </div>
            </div>

        </div>
        <!-- end row -->

        </div>
        <!-- END wrapper -->


        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>

        <!-- Counter Up  -->
        <script src="assets/plugins/waypoints/lib/jquery.waypoints.js"></script>
        <script src="assets/plugins/counterup/jquery.counterup.min.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>
        <script type="text/javascript">
            $(document).ready(
                 function() { 
                  $("#do-nicescrol").niceScroll({oneaxismousemode: false,cursorcolor: "#999",horizrailenabled: false});
                 }
                );
        </script>

    </body>
</html>